<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>jsmad - javascript mp3 decoder</title>
        <base href="http://jsmad.org" />
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    </head>
    <body>
        <div id="container">
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/bec6c51521dcc8148146135149fe06a9cc737577/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
            <div id="header">
                <h1>
                    <span>JSMAD - JavaScript MPEG Audio Decoder</span>
                </h1>
                <div class="github">
                    <a href="https://github.com/nddrylliog/jsmad">https://github.com/nddrylliog/jsmad</a>
                </div>
                <div class="select">
                    <form id="streamData" action="#">
                        <label for="ofm" class="ofm">official.fm track ID</label> 
                        <input id="ofm" type="text" value="114579"/>
                    </form>
                    <span>or</span>
                    <form id="uploadData">
                        <label for="fileChooser">local MP3 file</label> 
                        <input id="fileChooser" type="file" />
                    </form>
                </div>
            </div>
            <div id="content">
                <div id="ID3">
                    <div class="intro">
                        <h2>jsmad is a pure JavaScript MP3 decoder</h2>
                        <p style="align: center;">loading...</p>
                    </div>
                </div>
                <div id="shareTrack"><label>Share your love for this track: <input type="text" readonly value="http://jsmad.org/play/114579" id="playUrl" /></div>
            </div>
            <div id="footer">
                <p>
                    Made in
                    <a href="http://musichackday.org" class="mhd">
                        <img src="images/mhd.png" alt="musichackday" />
                    </a>
                    by
                    <a href="http://twitter.com/nddrylliog">@nddrylliog</a>
                    <a href="http://twitter.com/antoinem">@antoinem</a>
                    <a href="http://twitter.com/mgeorgi">@mgeorgi</a>
                    <a href="http://twitter.com/jensnockert">@jensnockert</a>
                </p>
            </div>
        </div>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
        <script type="text/javascript" src="src/jsmad.min.js"></script>
        <!--
        <script type="text/javascript" src="src/mad.js"></script>
        <script type="text/javascript" src="src/rq_table.js"></script>
        <script type="text/javascript" src="src/imdct_s.js"></script>
        <script type="text/javascript" src="src/huffman.js"></script>
        <script type="text/javascript" src="src/bit.js"></script>
        <script type="text/javascript" src="src/stream.js"></script>
        <script type="text/javascript" src="src/layer3.js"></script>
        <script type="text/javascript" src="src/frame.js"></script>
        <script type="text/javascript" src="src/synth.js"></script>
        
        <script type="text/javascript" src="src/bytestream.js"></script>
        <script type="text/javascript" src="src/filestream.js"></script>
        <script type="text/javascript" src="src/substream.js"></script>
        <script type="text/javascript" src="src/id3v22stream.js"></script>
        <script type="text/javascript" src="src/id3v23stream.js"></script>
        <script type="text/javascript" src="src/mp3file.js"></script>
        
        <script type="text/javascript" src="src/ajaxstream.js"></script>
        <script type="text/javascript" src="src/stringstream.js"></script>
        <script type="text/javascript" src="src/player.js"></script>
        -->
        <script type="text/javascript" src="audiolib.js/lib/audiolib.min.js"></script>
        <script type="text/javascript" src="officialfm.js"></script>
        <script type="text/javascript" src="mhd.js"></script>
        
        <script>
          var _gaq = [['_setAccount', 'UA-24032051-1'], ['_trackPageview']];
          (function(d, t) {
            var g = d.createElement(t),
                s = d.getElementsByTagName(t)[0];
            g.async = g.src = '//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g, s);
          }(document, 'script'));
        </script>
    </body>
</html>
